<!DOCTYPE html>
<html>
<head>
    <title>详细记录</title>
    <meta charset="utf-8">
    <head th:include="weixin/include :: weixinheader"></head>
</head>
<body class="new-leave" ontouchstart>
    <div class="weui-panel weui-panel_access">
        <div class="weui-cells__title">详细记录</div>
        <div class="weui-cells weui-cells_form" th:each="l : ${listAbnormal}">
            <div class="line"></div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                <div class="weui-cell__bd" th:text="${l.student.name}">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">类型</label></div>
                <div class="weui-cell__bd" th:text="${l.inOutFlag eq '0'?'入校':'出校'}">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">时间</label></div>
                <div class="weui-cell__bd the-select-time" th:text="|${l.inOutDate} ${l.inOutTime}|">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">状态</label></div>
                <div class="weui-cell__bd the-select-time" th:text="${l.status eq '1'?'未入校':l.status eq '2'?'提前入校':l.status eq '3'?'迟到':l.status eq '4'?'提前出校':l.status eq '5'?'出校超时':l.status eq '6'?'未出校':'正常'}">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">说明</label></div>
                <div class="weui-cell__bd the-select-time" th:text="${l.remarks}">
                </div>
            </div>
            <div class="line"></div>
            <div class="weui-cell">
                <div class="weui-uploader__bd">
                    <ul class="weui-uploader__files" id="uploaderFiles">
                        <li class="weui-uploader__file" th:style="'background:url(' + @{${l.url}} + ');'" style="background-size: 100px 100px;" ></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

<div th:include="weixin/include :: weixinfooter"></div>
<script th:src="@{/weixin/js/swiper.js}"></script>
<script>
	var url = "[[${listAbnormal[0].url}]]";
	var uploaderFiles=$.photoBrowser({
	    items: [url
	    ]
	});
    $("#uploaderFiles").click(function() {
        uploaderFiles.open();
    });
</script>

</body>

</html>
